<template>
    <div class="shipping-methods">
      <h1>配送方式</h1>
  
      <!-- 配送方式简介 -->
      <section class="intro">
        <h2>配送方式简介</h2>
        <p>我们为您提供多种配送方式，确保您的商品能够安全、准时地送达。根据您的需要，您可以选择最合适的配送方式。</p>
      </section>
  
      <!-- 配送方式详情 -->
      <section class="shipping-options">
        <h2>配送方式</h2>
        <p>我们提供以下几种配送方式：</p>
        
        <div class="shipping-option">
          <h3>标准配送</h3>
          <p>标准配送适用于大多数商品，通常需要3-7个工作日到达。费用较低，适合不急于收货的用户。</p>
        </div>
        
        <div class="shipping-option">
          <h3>加急配送</h3>
          <p>加急配送适用于需要尽快收到商品的用户，通常需要1-3个工作日到达。此方式费用相对较高。</p>
        </div>
        
        <div class="shipping-option">
          <h3>国际配送</h3>
          <p>国际配送适用于国际订单，配送时间根据目的地不同而有所不同，通常需要5-15个工作日。费用会根据地区有所不同。</p>
        </div>
        
        <div class="shipping-option">
          <h3>当天配送</h3>
          <p>当天配送适用于特定地区，并且订单必须在特定时间前下单。通常需要在24小时内完成配送，适合急需商品的用户。</p>
        </div>
      </section>
  
      <!-- 配送费用 -->
      <section class="shipping-fees">
        <h2>配送费用</h2>
        <p>配送费用会根据所选的配送方式、商品重量和配送地区的不同而有所变化。在结算时，系统会自动计算并显示您的配送费用。</p>
        <p>以下是一些常见的配送费用标准：</p>
        <ul>
          <li>标准配送：￥20元起，具体费用根据商品重量及配送地址确定。</li>
          <li>加急配送：￥50元起，具体费用根据配送地址和商品重量计算。</li>
          <li>国际配送：具体费用根据目的地国家和商品重量计算。</li>
          <li>当天配送：￥80元起，具体费用取决于您的送货区域和订单时间。</li>
        </ul>
      </section>
  
      <!-- 配送时效 -->
      <section class="shipping-times">
        <h2>配送时效</h2>
        <p>根据您选择的配送方式，配送时间会有所不同：</p>
        <ul>
          <li>标准配送：3-7个工作日。</li>
          <li>加急配送：1-3个工作日。</li>
          <li>国际配送：5-15个工作日，具体时间取决于目的地。</li>
          <li>当天配送：24小时内。</li>
        </ul>
        <p>请注意，配送时间可能会因为节假日、恶劣天气等因素而有所延迟。</p>
      </section>
  
      <!-- 配送范围 -->
      <section class="shipping-areas">
        <h2>配送范围</h2>
        <p>我们支持全国范围的配送，包括偏远地区，但具体配送时间和费用可能有所不同。对于国际配送，我们支持大多数国家和地区。</p>
        <p>您可以在结算时查看是否支持配送到您的地址。</p>
      </section>
  
      <!-- 注意事项 -->
      <section class="notes">
        <h2>配送注意事项</h2>
        <ul>
          <li>请确保您提供的收货地址准确无误，以免影响配送。</li>
          <li>请在收货时检查商品是否完好。如发现问题，请及时联系售后。</li>
          <li>部分地区可能会因为不可抗因素（如天气、交通等）出现配送延迟。</li>
          <li>如有特别的配送需求或紧急情况，请联系客服进行协商。</li>
        </ul>
      </section>
  
      <!-- 客服信息 -->
      <section class="customer-support">
        <h2>联系客服</h2>
        <p>如您对配送方式有任何疑问或需要进一步帮助，请联系我们的客服团队：</p>
        <ul>
          <li>客服电话：+123456789</li>
          <li>客服邮箱：support@example.com</li>
          <li>在线聊天：通过网站右下角的在线聊天功能联系我们。</li>
        </ul>
      </section>
    </div>
  </template>
  
  <script setup>
  </script>
  
  <style scoped>
  .shipping-methods {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
  }
  
  h1, h2 {
    color: #333;
  }
  
  section {
    margin-bottom: 30px;
  }
  
  h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
  }
  
  .shipping-option {
    margin-bottom: 20px;
  }
  
  .shipping-fees ul,
  .shipping-times ul {
    line-height: 1.6;
    margin-left: 20px;
  }
  
  .shipping-fees li,
  .shipping-times li {
    margin-bottom: 10px;
  }
  
  .shipping-areas ul {
    list-style-type: none;
    padding: 0;
  }
  
  .shipping-areas li {
    margin-bottom: 10px;
  }
  
  .customer-support ul {
    line-height: 1.8;
  }
  </style>
  